/* 登陆注册那一栏 */

.ad-login-box {
  display: flex;

  justify-content: space-between;
}

/* 登陆注册左边的广告
   */
.banner img{
  width: 798px;
  height: 382px;

  
}

/* 登陆注册的盒子 */
.login-box {
  position: relative;

  height: 380px;
  width: 400px;

  display: flex;
  flex-direction: column;
  align-items: center;

  border: 1px solid black;
}

/* 上面切换登陆注册的盒子 */
.tab-btnBox {
  height: 60px;
  width: 300px;

  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* 切换去登陆 */
.tabSign {
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100px;

  border-bottom: 1px solid #737373;

  cursor: pointer;
}
.tabSign:hover,
.tabRegister:hover {
  color: black;
  border-color: black;
}

/* 切换去注册 */
.tabRegister {
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100px;

  border-bottom: 1px solid #737373;

  cursor: pointer;
}

/* 登陆输入框容器 */
.signIpt {
  /* flex-grow: 1; */
  width: 300px;

  display: flex;
  flex-direction: column;
  justify-content: space-around;
  /* display: none; */
}

/* 登陆按钮 */
#signBtn ,#registerBtn{
  background-color: aliceblue;
  border-radius: 50px;
  width: 100px;
  height: 50px;
  margin: 20px auto;
  color: #0f9cf5;
  border: 2px solid #0f9cf5;
}

/* 记住账户密码 */
.checkBtn {
  margin-left: 50px;
  height: 10px;
}

/* 输入框样式 */
#lg_username,
#lg_password {
  box-sizing: border-box;
  width: 70%;
  padding: 10px;
  margin: 10px auto 5px;
  outline-style: none;
  outline: none;
  border: none;

  border-bottom: 2px solid #0f9cf5;
 
  opacity: .5;
}

#lg_username:focus,
#lg_password:focus{
  transition: .5s;
  
  opacity: 1;
}

/* 注册输入框容器 */
.registerIpt {
  flex-grow: 1;
  width: 300px;

  display: flex;
  flex-direction: column;
  justify-content: space-around;

  display: none;
}
/* 注册按钮 */
#registerBtn {
  width: 100px;
  height: 50px;
  margin: 10px auto;
}

.login-box li {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.login-box li > input,li > textarea {
  box-sizing: border-box;
  width: 80%;
  padding: 10px;
  margin: 10px auto 5px;
  outline-style: none;
  outline: none;
  border: none;

  border-bottom: 2px solid #0f9cf5;
 
  opacity: .5;
}
.login-box li > input:focus,li > textarea:focus{
  transition: .5s;
  
  opacity: 1;

}
/* 修改密码 */
#modifyPW {
  cursor: pointer;
}
.userInfo {
  position: absolute;
  height: 380px;
  width: 400px;

  background-color: white;

  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.userInfo > ul {
  width: 60%;
  
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */

  justify-content: space-around;
  align-items: center;
}

.userInfo > ul li{
  color: black;
  padding-top: 5px;
}

/* 注销 */
#downSign,
#upAvatarBtn {
  cursor: pointer;
}

/* 用户头像 */
#userImg{
padding: 5px;
 width: 100px; 
 height: 100px;
 border: #737373 3px solid;

}

/* 注销修改密码按钮 */
#downSign,#modifyPW,#upAvatarBtn{
  text-align: center;
  width: 100px;
  height: 40px;
  border-radius: 40px;
  border: solid 2px #867373;
}

.signFuncBox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}

#upAvatarBox{
  
  margin-top: 20px;
}

.tabSign{
  color: #0f9cf5;
  border-bottom: 1px solid #0f9cf5;
  font-weight: bold;
}